<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>离线视频违章列表</title>
    <link rel="stylesheet" href="../../component/pear/css/pear.css"/>
    <style>
        .layui-table-tool{
            display: none;
        }
        .img1{
            margin:80px auto 0 auto;//使其垂直居中
            max-height: 360px;
            max-width: 640px;
        }
        .div-img{
            height: 500px;
            text-align: center;
            vertical-align: middle;
        }
    </style>
</head>
<body class="pear-container">
    <div class="layui-row">
        <div class="layui-card">
            <div class="layui-card-body">
                <table id="kf-table" lay-filter="kf-table"></table>
            </div>
        </div>
    </div>
</body>

<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
    layui.use(['table', 'form', 'jquery', 'common', 'toast'], function () {
        let table = layui.table;
        let form = layui.form;
        let $ = layui.jquery;
        let common = layui.common;
        var toast = layui.toast;

        let MODULE_PATH = "${ctxPath}/busPerson/";

        let cols = [[
            {title: '违章信息', field: 'pointInfo', align: 'center', width: 600},
            {title: '扣分', field: 'wzPoint', align: 'center'},
            {title: '扣分时间', field: 'wzTime', align: 'center'}
        ]];

        table.render({
            elem: '#kf-table',
            url: MODULE_PATH + 'data/kfList?personId=${personId!}',
            page: true,
            limit: 10,
            limits: [10,20,30,40,50],
            cols: cols,
            skin: 'line',
            toolbar: '',
            defaultToolbar: "",
            height: 'full-80'
        });
    });
</script>
</html>